<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>添加你要发布的信息</title>
		<link rel="stylesheet" type="text/css" href="css/common_samplify.css" />
		<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			input[type="button"],
			input[type="submit"],
			input[type="reset"] {
				-webkit-appearance: none;
			}
			
			textarea {
				-webkit-appearance: none;
			}
			
			form {
				padding: 10px;
				background: snow;
			}
			
			form input {
				border: 1px solid #CCCCCC;
				height: 40px;
			}
			
			form>div {
				margin-top: 10px;
				margin-bottom: 0px;
			}
			
			form textarea {
				height: 100px;
			}
		</style>
		<script>
			function checkForm(e) {
				var oTitle = $("#title").val();
				var oContent = $("#content").val();
				if(!$.trim(oTitle) || !$.trim(oContent)) {
					alert("发布的类型或者内容不能为空！")
					return false;
				}
				return true;
			}
		</script>
	</head>

	<body>
		<form class="width100" action="" method="post" onsubmit="return checkForm(this)">
			<div for="" class="width100">发布类型：</div>
			<input class="width100" type="text" id="title" value="" placeholder="例如：招聘，寻人启示等" />
			<div class="width100" for="">主体内容：</div>
			<textarea class="width100" name="" id="content" rows="" cols="" placeholder="请输入您要发布的内容"></textarea>
			<div class="" for="">添加图片：</div>
			<input class="width100" class="" type="file" id="" value="" multiple/>
			<input class="width100" style="margin-top: 10px;background: #4CAF50;border-radius: 5px;" type="submit" value="确定" />
		</form>
		
	</body>

</html>